var InfoMenu = {
  data:function(){
    return {lis:[
      {text:"个人信息",type:1},
      {text:"账号设置",type:2,sublis:[
        {text:"账号信息",type:21},
        {text:"账号安全",type:22},
        {text:"设置阅读密码",type:23},
        {text:"应用管理",type:24},
        {text:"邮件提醒",type:25}
      ]},
      {text:"注销登录",type:3}
    ]};
  },
  template:'<ul class="list_menu"><li v-for="li in lis" v-if="li.sublis" style="position:relative;" v-on:click="eventHandle(li.type)">{{li.text}}<ul><li v-for="subli in li.sublis" v-on:click.stop="eventHandle(subli.type)">{{subli.text}}</li></ul></li><li  v-else v-on:click.stop="eventHandle(li.type)">{{li.text}}</li></ul>',
  methods:{
    "eventHandle":function(type){
      $(this.$el).hide();
       switch (type) {
         case 1:
           this.$parent.$refs.info_dialog.show();
           break;
         default:

         break;
       }


    }
  }
};
